.main{
    width: 100%;
}
.main-head{
    width: 100%;
    text-align: center;
    margin: 10px;
}
.main-body{
    height: 100%;
    width: 100%;
}
.body-main{
    margin:20px;
    width: 98%;
    height: 500px;
}
.body-top{
    width: 100px;
    background-color: #eeeded;
    /*color: white;*/
    margin-left: auto;
    margin-right: auto;
}
.body-bottom{
    width: 100%;

}
table{
    width: 100%;
    min-height: 240px;
    border-spacing:0px;
    margin-top: 30px;
    border:0px;
}
tr th{
    height: 30px;
    border: 0px;
    border-color: #edeceb;
    min-height: 20px;
    background-color: #edeceb;
    border-bottom: 1px #CCCCCC solid;
}
tr td{
    height: 30px;
    border: 0px;
    border-color: #edeceb;
    min-height: 20px;
    border-bottom: 1px #CCCCCC solid;
}
tbody{
    text-align: center;
    border: 0px;
    border-color: #edeceb;
    min-height: 20px;
    background-color: #edeceb;
    border-bottom: 1px #CCCCCC solid;
}
.main-foot{
    margin-right: 20px;
}
.main-foot button{
    width: 80px;
    height: 35px;
    border: black 1px solid;
    float: right;
    background-color: #ebebeb;
    box-shadow: black -1px -1px 2px;
}
.tr-titl{
    height: 30px;
    background-color: #CCCCCC;
    font-size: larger;
    border-bottom: black 1px double;
}
.tr-tit2{
    height: 30px;
    background-color: #dddddd;
    font-size: larger;
    border-bottom: black 1px double;
}
a{
    text-decoration: none;
}
tbody tr{
     text-align: center;
 }
thead tr{
    text-align: center;
}